body {
    font-family: "Poppins";
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.non-flex{
    display: unset !important;
}

.offcanvas.offcanvas-start {
    /* top: 0;
    left: 0;
    width: 100%;
    max-width: 400px;
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); */
   
}

.menu_logo{
    text-align: center;
}
.menu_logo button{
    float: right;
}
.clear{
    clear: both;
}
.offcanvas-header{
    display: unset;
}
.offcanvas-body ul li{
    height: 40px;
    
}
.navlink{
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #17181A;
    display: block;
    margin-right: 32px;
}
.navlink.active{
    color: #3CBA79;
}
.book_appointment{
    padding: 11px 20px;
    background: #3CBA79;
    border-radius: 30px;
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.book_appointment:hover{
    background: #289e61;
}
.banner_contact_us{
    background: #1F384F;
}
.navlink:hover{
    color: #3CBA79;
}
.banner_content_bottom{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
.contactus h1{
    margin-top: 100px !important;
}
.banner h1{
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    color: #1F284F;
}
.banner p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #575757;
}
.banner_content div{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #575757;
    display: block;
}
.banner img{
    width: 90%;
}
.banner_img{
    text-align: right;
}
.banner .bold{
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #1F284F;
}

.our_clients{
    /* background: #FAFBFC; */
}
.our_clients{
    text-align: center;
}
.clinets_logo img{
    width: 80%;
}
.our_clients h3{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.005em;
    color: #1F284F;
}
.our_values{
    text-align: left;
}
.what_we_do h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}

.what_we_do p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    font-feature-settings: 'liga' off;
    color: #575757;
}
.what_we_do a{
    justify-content: center;
    padding: 12px 24px;
    background: #FAFBFC;
    border: 1px solid #B7BFC7;
    border-radius: 30px;
    text-decoration: none;
    color: #1F284F;
    justify-content: center;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 26px;
}
.what_we_do a:hover{
    background: #3CBA79;
    color: #FFFFFF;
}
.what_we_do_inner{
    border: 1px solid #E1E8F0;
    border-radius: 16px;
    height: 100%;
}
.what_we_do_inner p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #17181A;
}
.what_we_do_inner p:last-of-type{
    margin-top: -13px;
}
.what_we_do_inner img{
    width: 42px;
}
.industries_we_work_with{
    text-align: center;
    background-color: #FAFBFC;
}
.industries_we_work_with_bottom{
    margin-top: -48px;
}

.industries_we_work_with h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}
.industries_we_work_with p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
.industries_we_work_with_inner img{
    margin-bottom: 45px !important;
    height: 35px;
}
.industries_we_work_with_inner img:hover{
    transform: scale(1.5);
}
.industries_we_work_with_inner h5{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 40px;
}
.our_digital_services_inner_content{
    padding: 75px 110px 0px 100px;
}
.our_digital_services_img{
    text-align: right;
}
.our_digital_services_inner img{
    width: 100%;
    max-width: 712px;
}
.our_digital_services_inner h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}
.our_digital_services_inner p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #575757;
}
.our_digital_services_inner a{
    background: #3CBA79;
    border: 1px solid #3CBA79;
    border-radius: 30px;
    padding: 12px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
}
.our_digital_services_inner a:hover{
    background: #289e61;
}
.our_digital_services_bottom h3{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #1F284F;
}
.our_digital_services_bottom p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #575757;
    padding-right: 60px;
}


.book_an_appointment_inner{
    background-color: #1F384F;
    border-radius: 16px;
    padding: 55px 125px;
}

.book_an_appointment_inner h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
}
.book_an_appointment_content{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
}
.book_appointment_form label{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #F2F2F2;
}
.book_appointment_form .form-check label{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.text_fields input{
    height: 43px;
}
.book_appointment_form p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 20px;
}

.book_appointment_form a{
    background: #3CBA79;
    border: 1px solid #3CBA79;
    border-radius: 30px;
    padding: 12px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
}
.book_appointment_form a:hover{
    background: #289e61;
}
.stories_top{
    background-image: url("../img/stories_top.png");
    background-repeat: no-repeat;
    background-position: 83px top;
    margin-bottom: 50px;
}

.stories_top h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
    margin-top: 60px;
}
.stories_top p{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
.story{
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 16px;
    padding: 40px 30px 10px 30px;
}
.story_content{
    margin-top: 30px;
    padding: 0px 10px;
}
.stories_top_img{
    width: 20px;
    margin-top: -15px;
}
.story_content p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #17181A;
}
.story_content h5{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #1F284F;
    margin-bottom: 0px;
}
.story_content span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #575757;
}
.story_right{
    margin-top: 110px;
    padding-left: 40px;
}
.footer{
    background-color: #FAFBFC;
    padding-top: 70px;
}
.footer h5{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #17181A;
    margin-bottom: 15px;
}
.footer_links a{
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #515458;
    display: block;
    margin-bottom: 15px;
}
.footer_links a:hover{
    color: #3CBA79;
}
.terms_condition{
    border-top: 1px solid #E1E8F0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #515458;
}
.terms_condition a{
    text-decoration: none;
    color: #515458;
}
.terms_condition a:hover{
    color: #3CBA79;
}
.footer_location{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    font-feature-settings: 'salt' on, 'liga' off;
    color: #515458;
}
.our_digital_services_bottom img{
    width: 100%;
}
.tech_stack{
    text-align: center;
}
.tech_stack h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}
.tech_stack p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #575757;
}
.tech{
    padding: 15px 30px;
}
.tech div{
    background-color: #FAFBFC;
    padding: 20px 20px;
}
.tech img{
    margin-bottom: 20px;
    height: 50px;
}
.careers h1{
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}
.careers_img{
    text-align: center;
}
.careers p{
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
.empty{
    height: 50px;
}
.dnld_pdf{
    font-size: 16px;
    line-height: 32px;
    color: #3CBA79;
    text-decoration: none;
}
.dnld_pdf:hover{
    color: #289e61;
}

.vc_column_container>.vc_column-inner{
    padding: unset;
}
#carouselExampleAutoplaying .bottom_button, #carouselExampleAutoplaying1 .bottom_button{
    background-color: #515458;
}
.carousel-indicators{
    bottom: -40px;
}
.carousel-indicators .bottom_button{
    width: 10px;
    border: unset;
    border-radius: 3px;
    height: 4px;
}
.carousel-indicators .bottom_button.active{
    width: 17px;
    height: 5px;
}
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: unset  !important;
}

.invalid-feedback {
    color: #ff2121;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #FFFFFF;
}
.what_we_do_element .vc_column-inner, .what_we_do_element .wpb_wrapper, .what_we_do_element .wpb_text_column{
    height: 100%;
}
.footer .wpb_text_column{
    margin-bottom: 0px;
}

.privacy{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
.privacy h1{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #1F284F;
}
.privacy h4{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #575757;
}
#successModel .alert{
    margin-bottom: 0px;
}
#loader{
    display: none;
}
.logo_footer{
    width: 130px;
}

@media (min-width: 1400px){
    .nav_big .container-fluid{
        width: unset;
    }
}
@media (max-width: 1400px){
    .banner h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner p {
        font-size: 18px;
        line-height: 30px;
    }
    .banner_content div {
        font-size: 18px;
        line-height: 30px;
    }
    .stories_top h1 {
        font-size: 35px;
        line-height: 48px;
        color: #1F284F;
    }
}
@media (max-width: 1220px){
    .our_digital_services_inner_content {
        padding: 75px 80px 0px 80px;
    }
}
@media (max-width: 1200px){
    .banner h1 {
        font-size: 35px;
        line-height: 47px;
    }
    .banner p {
        font-size: 17px;
        line-height: 28px;
    }
    .banner_content div {
        font-size: 17px;
        line-height: 28px;
        margin-top: -15px;
    }
    .pt-5 {
        padding-top: 1.0rem !important;
    }
    .what_we_do h1 {
        font-size: 35px;
    }
    .what_we_do_inner{
        padding: 20px !important;   
    }
    .industries_we_work_with h1 {
        font-size: 35px;
    }
    .our_digital_services_inner_content {
        padding: 50px 65px 0px 70px;
    }
    .our_digital_services_inner h1 {
        font-size: 38px;
    }
    .stories_top {
        background-position: 25px top;
    }
    .stories_top h1 {
        font-size: 28px;
        line-height: 36px;
        color: #1F284F;
    }
    
}
@media (max-width: 1025px){
    .our_digital_services_inner_content {
        padding: 25px 20px 0px 50px;
    }
    .contactus h1{
        margin-top: 50px !important;
    }
}
@media (max-width: 992px){
    .banner h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .banner p {
        font-size: 16px;
        line-height: 25px;
    }
    .banner_content div {
        font-size: 16px;
        line-height: 25px;
    }
    .book_appointment {
        padding: 9px 18px;
        font-size: 12px;
    }
    .what_we_do a {
        padding: 9px 18px;
        font-size: 12px;
    }
    .what_we_do_inner p {
        font-size: 16px;
        line-height: 20px;
    }
    .what_we_do_inner img{
        margin-bottom: 1rem !important;
    }
    .industries_we_work_with p {
        font-size: 16px;
        line-height: 26px;
        margin-top: -15px;
    }
    .our_values p{
        margin-top: unset;
    }
    .our_digital_services_inner h1 {
        font-size: 35px;
    }
    .our_digital_services_inner p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px !important;
    }
    .our_digital_services_inner a {
        padding: 9px 21px;
        font-size: 14px;
        line-height: 24px;
    }
    .our_digital_services_bottom h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .our_digital_services_bottom p {
        font-size: 14px;
        line-height: 22px;
        color: #575757;
        padding-right: unset;
    }
    .our_digital_services_bottom img {
        width: 140%;
    }
    .stories_top {
        background-position: 11px top;
    }
    .book_an_appointment_inner h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .book_an_appointment_content {
        font-size: 13px;
        line-height: 22px;
    }
    .book_appointment_form a {
        padding: 9px 21px;
        font-size: 14px;
    }
    .book_an_appointment_inner {
        border-radius: 16px;
        padding: 40px 60px;
    }
    .privacy h1{
        font-size: 35px;
    }
}
@media (max-width: 836px){
    .our_digital_services_inner h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .our_digital_services_inner_content {
        padding: 10px 20px 0px 30px;
    }
}
@media (max-width: 767px){
    .banner {
        text-align: center;
    }
    .banner_img{
        margin-top: 35px;
        text-align: center;
    }
    .what_we_do {
        text-align: center;
    }
    .what_we_do h1 {
        font-size: 30px;
    }
    .what_we_do p {
        font-size: 16px;
        line-height: 29px;
    }
    .what_we_do a {
        padding: 8px 16px;
        font-size: 12px;
    }
    .what_we_do_element{
        margin-bottom: 10px;
    }
    .what_we_do_inner{
        text-align: center;
    }
    .industries_we_work_with h1 {
        font-size: 30px;
    }
    .our_digital_services_inner_content{
        text-align: center;
    }
    .our_digital_services_bottom{
        text-align: center;
    }
    .our_digital_services_bottom img{
        width: 100px;
        margin-bottom: 20px !important;
    }
    .our_digital_services_bottom p {
        padding-right: unset;
    }
    .our_digital_services_inner a {
        padding: 9px 19px;
        font-size: 12px;
    }
    .industries_we_work_with_inner img {
        margin-bottom: 10px !important;
        height: 35px;
    }
    .industries_we_work_with_inner h5 {
        margin-bottom: 70px !important;
    }
    .banner_content{
        padding: unset !important;
    }
    .story_right {
        margin-top: 0px !important;
        padding-left: 0px !important;
    }
    .book_an_appointment_inner {
        border-radius: 16px;
        padding: 34px 20px;
    }
    .book_an_appointment_inner h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .book_an_appointment.p-5{
        padding: 15px !important;
    }
    .terms_condition .text-end{
        text-align: unset !important;
        margin-top: 15px;
    }
    .terms_condition{
        text-align: center !important;
    }
    .tech_stack h1 {
        font-size: 30px;
    }
    .tech_stack p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 32px;
        color: #575757;
    }
    .contactus h1{
        margin-top: unset !important;
    }
    .privacy h1{
        font-size: 30px;
    }
}
@media (max-width: 576px){
    .footer_location{
        margin-top: 20px;
    }
}